<route>
{
  "meta":{
    "title":"消息通知配置",
    "showMenu":true,
    "serialNum": 50,
    "localism": "sys.message_notification_configuration"
  }
}
</route>
<template>
  <div>
    <el-tabs v-model="activeTab" @tab-click="handleTabClick">
      <!-- <el-tab-pane :label="$t('sys.system_message')" name="sysInfo">
        <SysInfo ref="sysInfo"></SysInfo>
      </el-tab-pane> -->
      <el-tab-pane
        :label="$t('sys.email_notification_settings')"
        name="mailConfig"
      >
        <MailConfig ref="mailConfig"></MailConfig>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import SysInfo from "./__components__/SysInfo"
import MailConfig from "./__components__/MailConfig"
export default {
  name: "MessageConfig",
  components: {
    SysInfo,
    MailConfig,
  },
  data() {
    return {
      activeTab: "mailConfig",
    }
  },
  created() {},
  methods: {
    handleTabClick() {
      if (this.activeTab === "sysInfo") {
        const tabItem = this.$refs.sysInfo
        tabItem.init()
      } else if (this.activeTab === "mailConfig") {
        const tabItem = this.$refs.mailConfig
        tabItem.init()
      }
    },
  },
}
</script>
